//使用无状态组件抽离
//无状态组件(StatelessWidget):纯展示型组件，一旦构建完成状态不能改变的组件,数据变化视图不会更新

import 'package:flutter/material.dart';

class myApp extends StatelessWidget {
  const myApp({super.key});

  @override
  Widget build(BuildContext context) {
    return
        //脚手架:搭建页面的基本框架
        Scaffold(
            appBar:
                //头部
                AppBar(
              title: const Text(
                'my titleBar',
                style: TextStyle(fontSize: 20, color: Colors.amber),
              ),
              backgroundColor: Colors.red,
            ),
            //身体
            body: const Center(
              child: Text(
                '你好啊,骚年',
                style: TextStyle(
                    fontSize: 20, color: Color.fromARGB(255, 242, 190, 208)),
              ),
            ));
  }
}
